<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>www.jb51.net JS节点插入</title>
    <script>
        function showinsert(){ //添加子节点
            var str=document.getElementById("mydiv");
            var zif="段落五";
            var obj=document.createElement("p"); //添加哪类节点
            var objNode=document.createTextNode(zif); //创建文字节点
            str.appendChild(obj);
            obj.appendChild(objNode);
        }
        function showesideinsert(){ //添加兄弟节点
            var str=document.getElementById("mydiv");
            var zi="添加段落";
            var strBrother=str.children[1];
            var strNode=document.createElement("p");
            var strTextNode=document.createTextNode(zi);
            str.insertBefore(strNode,strBrother);
            strNode.appendChild(strTextNode);
        }
    </script>
</head>
<body>
<div id="mydiv">
    <p onClick="showinsert()">段落一
    <p onClick="showesideinsert()">段落二
    <p>段落三
    <p>段落四
</div>
</body>
</html>

